﻿@model GPS.MODELS.SelectUsersOutGroupViewModel
@using GPS.Helpers;
@{
    ViewBag.Title = "GroupAddUsers";
}

<div class="container fdb-div-content fdb-div-corner-all">
    <h3 class="text-center fdb-title-search-form">Thêm người dùng  @ViewBag.TenTTP vào nhóm: @Html.DisplayFor(model => model.GroupName)  @ViewBag.TenTTP</h3>
    <div class="row">
        <fieldset class="fs_body">
            <legend class="head_title">Điều kiện tìm kiếm</legend>
            @using (Html.BeginForm("GroupAddUsers", "Groups", FormMethod.Get))
            {
                <div class="row">
                    <div class="col-md-2 control-label">
                        Tên đăng nhập
                    </div>
                    <div class="col-md-4">
                        @Html.TextBox("userName", null, new { @class = "form-control" })
                    </div>

                    <div class="col-md-2 control-label">
                        Email
                    </div>
                    <div class="col-md-4">
                        @Html.TextBox("email", null, new { @class = "form-control" })
                    </div>
                </div>
                <div class="row margin-top-05 btn_search">
                    <button type="submit" class="btn btn-primary btn-sm">
                        <span class="glyphicon glyphicon-search"></span> Tìm kiếm
                    </button>
                </div>
            }
        </fieldset>
    </div>
    <div class="row">
        <fieldset class="fs_body">
            <legend class="head_title">Chọn người dùng thêm vào nhóm</legend>
            @using (Html.BeginForm("GroupAddUsers", "Groups", FormMethod.Post, new { encType = "multipart/form-data", name = "myform" }))
            {
                @Html.AntiForgeryToken()
                @*Add a new checkbox in its own div element:*@
                @*<div>
                        <input type="checkbox" id="checkall" /><span>Check All</span>
                    </div>*@

                @*Wrap the table element in a div named "checkboxes":*@

                <table class="table table-hover table-condensed" id="checkboxes">
                    @Html.HiddenFor(model => model.GroupId)
                    <tr>
                        <th>
                            <input type="checkbox" id="checkall" />
                        </th>
                        <th>
                            Tên đăng nhập
                        </th>
                        <th>
                            Họ đệm
                        </th>
                        <th>
                            Tên
                        </th>
                        <th>
                            Email
                        </th>
                        <th></th>
                    </tr>
                    @Html.EditorFor(model => model.UserOutGroup)
                </table>

                <div class="row">
                    <div class="col-md-12">
                        <button type="submit" class="btn btn-danger btn-sm">
                            <span class="glyphicon glyphicon-floppy-disk"></span> Thêm người dùng đã chọn
                        </button>
                        &nbsp;
                        @Html.ActionLink("Quay lại", "Index", "Groups", null, new { @class = "btn btn-primary btn-sm" })
                    </div>
                </div>
                <br />
            }
        </fieldset>
    </div>
</div>

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")

    <script type="text/javascript">

        function toggleChecked(status) {
            $("#checkboxes input").each(function () {
                // Set the checked status of each to match the
                // checked status of the check all checkbox:
                $(this).prop("checked", status);
            });
        }

        $(document).ready(function () {

            // Grab a reference to the check all box:
            var checkAllBox = $("#checkall");

            //Set the default value of the global checkbox to true:
            checkAllBox.prop('checked', false);

            // Attach the call to toggleChecked to the
            // click event of the global checkbox:
            checkAllBox.click(function () {
                var status = checkAllBox.prop('checked');
                toggleChecked(status);
            });
        });
    </script>
}

